<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>玉灵 QQ:7031633 Email:webrx@126.com</title>
 </head>
<body>
<p>Lorem ipsum dolor sit amet.</p>
<p>Debitis dolorem earum illo similique.</p>
<p>Aperiam eius exercitationem nihil quo!</p>
<p>Ad eos id illum totam!</p>
<p>Adipisci assumenda mollitia neque vero.</p>
<p>Ab doloribus porro reiciendis voluptatem.</p>
<p>Ex facere harum incidunt molestias?</p>
<p>Assumenda illo officiis ratione voluptas?</p>
<p>Dolorum nulla praesentium sequi temporibus.</p>
<p>Officia, qui quod! Ipsa, saepe?</p>
<p>Aliquam asperiores culpa eligendi ratione!</p>
<p>Ad assumenda illum itaque suscipit!</p>
<p>Debitis delectus expedita minus nulla!</p>
<p>Iure quos sequi sit voluptates?</p>
<p>Earum et ex molestias sequi?</p>
<p>Dicta laborum repellendus suscipit voluptatibus!</p>
<p>A cumque doloremque quos voluptas!</p>
<p>Asperiores consequatur explicabo nisi voluptate?</p>
<p>Accusamus aliquid nesciunt soluta voluptatibus!</p>
<p>Commodi necessitatibus numquam perspiciatis quo?</p>
<p>Ab autem earum magnam vitae!</p>
<p>Dolores eveniet itaque necessitatibus sit.</p>
<p>Enim exercitationem sed velit veniam.</p>
<p>Architecto ea fuga nam possimus!</p>
<p>Aliquid fuga omnis optio veniam.</p>
<p>Dignissimos laudantium non nostrum tenetur.</p>
<p>Harum in laudantium non placeat?</p>
<p>Fugit nobis quod sequi tenetur?</p>
<p>Cumque necessitatibus repudiandae sint veritatis?</p>
<p>Doloribus eos facilis numquam odit?</p>
<p>Dolores illum ipsum nihil officia!</p>
<p>Eaque iusto possimus rem suscipit.</p>
<p>Autem dicta est iste obcaecati?</p>
<p>Aut commodi iste suscipit tenetur.</p>
<p>Doloremque iure laborum quia! Voluptatum.</p>
<p>Aspernatur consequuntur ex optio voluptatem.</p>
<p>Aspernatur deserunt maxime nobis qui.</p>
<p>Aperiam eos laborum magnam veniam!</p>
<p>Ad blanditiis hic optio quam!</p>
<p>Consequatur esse nihil quod sint?</p>
<p>Nam, quia, quis! Explicabo, nesciunt.</p>
<p>Culpa quos recusandae saepe vero.</p>
<p>Ab beatae incidunt officia vitae?</p>
<p>Obcaecati officiis quam voluptates voluptatum?</p>
<p>Architecto delectus dolor expedita laudantium?</p>
<p>Error laborum nobis repellendus sint?</p>
<p>Aperiam eius magnam placeat veritatis?</p>
<p>Eligendi error ex molestias repellat!</p>
<p>A ab aspernatur commodi odio?</p>
<p>Magnam nobis officiis optio quaerat?</p>
<p>A dolores excepturi nam voluptate.</p>
<p>Asperiores delectus dignissimos fugiat necessitatibus?</p>
<p>At delectus excepturi incidunt officia.</p>
<p>Dicta eius nulla quibusdam tenetur.</p>
<p>Eaque itaque officiis ratione sed!</p>
<p>Itaque maxime numquam reprehenderit voluptas?</p>
<p>A, quis, voluptates. Ipsam, ut.</p>
<p>Amet blanditiis hic nulla suscipit?</p>
<p>Adipisci facere fugit molestiae similique!</p>
<p>At dolorum odio officiis temporibus!</p>
<script>
    function c1(){
        //rgb(255,0,0) 相当于
        //#ff0000 0-f 0123456789abcdef  ff(255)
        //相当于简写　＃f00
        return `rgb(${Math.round(Math.random()*255)},${Math.round(Math.random()*255)},${Math.round(Math.random()*255)})`
    }

    function c2(){
        let red = Math.round(Math.random()*255)
        let green = Math.round(Math.random()*255)
        let blue = Math.round(Math.random()*255)
        return `rgb(${red},${green},${blue})`
    }

    function c3(){
        let cs = '#'
        let ss = '0123456789abcdef'
        cs += ss.charAt(Math.round(Math.random()*(ss.length-1)))
        cs += ss.charAt(Math.round(Math.random()*(ss.length-1)))
        cs += ss.charAt(Math.round(Math.random()*(ss.length-1)))
        cs += ss.charAt(Math.round(Math.random()*(ss.length-1)))
        cs += ss.charAt(Math.round(Math.random()*(ss.length-1)))
        cs += ss.charAt(Math.round(Math.random()*(ss.length-1)))
        return cs
    }


    setInterval(()=>{
        document.body.style.backgroundColor = c3()
        let ps = document.querySelectorAll('p')
        for(let i in ps){
            let pp = ps[i]
            pp.style.color = c2()
        }
    },1000)

    //数组，内有60个p标签元素


</script>
</body>
</html>
